<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></script>

			<style>
			*{padding: 0;margin: 0;}
			a{text-decoration: none;}
			li{width: 150px;float: left;margin: 10px;}
			li img{width: 100%;}
			h2{
				font-size: 14px;
				font-weight: normal;
			}
			span{
				text-decoration: line-through;
			}
		</style>

	</head>
	<body>
		
	</body>
	<script type="text/javascript">
		//  ppt Bom  Location方法
		var search = location.search;
		var goodsid = search.split("=")[1];
		// $(function(){
		// 		$.ajax({
		// 			type:"get",
		// 			url:"http://localhost/study/php/goodsList.php",
		// 			async:true,
		// 			dataType:"json",
		// 			success:function(data){
		// 				console.log(data)
		// 				var str = "";
		// 				data.map(function(item,index){
		// 					if(item.goods_id==goodsid){
		// 						str = `<li data-id="${item.goods_id}">
		// 								<a href="detail.html?goodsid=${item.goods_id}">
		// 									<div>
		// 										<img src="${item.goods_pic}" alt="" />
		// 										<h2>${item.goods_title}</h2>
		// 										<i class="price">${item.goods_current_price}</i>
		// 										<span>${item.goods_old_price}</span>
		// 									</div>
		// 								</a>
		// 							</li>
		// 							<li>
		// 								<p>
		// 									<button class="reduce">-</button>
		// 									<input class="num" value="1" type="text" />
		// 									<button class="add">+</button>
											
		// 								</p>
		// 								<button class="addCar">加入购物车</button>
		// 							</li>
									
		// 							`
		// 					}
		// 				})
					
		// 				$("body").html(str);
		// 				$(".reduce").click(function(){
		// 					$(this).next().val($(this).next().val()-1);
		// 				})
 	// 				}
		// 		});
		// 	})

		$(function(){
				$.ajax({
					type:"get",
					url:"http://localhost/a_world_of_meaty/php/sellList.php",
					async:true,
					dataType:"json",
					success:function(data){
						console.log(data)
						var str = "";
						data.map(function(item,index){
							if(item.goo_id==goodsid){
								str = `<li data-id="${item.goo_id}">
										<a href="detail.html?goodsid=${item.goo_id}">
											<div>
												<img src="../${item.goo_pic}" alt="" />
												<h2>${item.goo_title}</h2>
												<i class="price">￥${item.goo_price}</i>
											</div>
										</a>
									</li>
									<li>
										<p>
											<button class="reduce">-</button>
											<input class="num" value="1" type="text" />
											<button class="add">+</button>
											
										</p>
										<button class="addCar">加入购物车</button>
									</li>
									
									`
							}
						})
					
						$("body").html(str);
						$(".reduce").click(function(){
							$(this).next().val($(this).next().val()-1);
						})
 					}
				});
			})

	
			$(document).on("click",".add",function(){
				$(this).prev().val($(this).prev().val()*1+1);
			})
			$(document).on("click",".addCar",function(){
				var cookie = getCookie("userinfo");
//				console.log(cookie);
				if(cookie){
					var userinfo = JSON.parse(cookie);
					console.log(userinfo);
					$.ajax({
						type:"get",
						url:"http://localhost/a_world_of_meaty/php/addShoping.php",
						async:true,
						data:{
							userid:userinfo.user_id,
							goodsid:goodsid,
							num:$(".num").val()*1,
							account:$(".price").html()*$(".num").val()
						},
						dataType:"json",
						success:function(data){
							console.log(data)
							if(data.status){
								var flag = confirm("是否进入购物车");
								if(flag){
									location.href="localhost/a_world_of_meaty/html/shoppingCar.html";
								}
							}else{
								alert(data.msg)
							}
						}
					});
					
				}else{
					var flag = confirm("您还没有登陆，是否返回登陆");
					if(flag){
						location.href="localhost/a_world_of_meaty/index.html";
					}else{
						
					}
				}
				
			})
			
	</script>
</html>
